<template>
<div>
   <ul class="asideul">
            <li>
              <router-link to="/find"
                ><img src="../assets/icon/音乐.png" />发现音乐</router-link
              >
            </li>
            <li>
              <router-link to="/mymusic"
                ><img src="../assets/icon/用户.png" />我的音乐</router-link
              >
            </li>
            <li>
              <router-link to="/alllist"
                ><img src="../assets/icon/歌单.png" />推荐歌单</router-link
              >
            </li>
          </ul>
</div>
  
</template>

<script>
export default {

}
</script>

<style>
.asideul li {
  font-size: 18px;
  list-style: none;
  margin: 10px 0;
  height: 60px;
  line-height: 60px;
  font-family: cursive;
}
.asideul li img {
  width: 30px;
  height: 30px;
  margin: 0 8px;
  position: relative;
  top: 10px;
}
a {
  text-decoration: none;
  color: black;
}
a:active {
  color: black;
}

.asideul a.router-link-active{
/* routerlink */
color: rgb(70, 221, 24);
}
</style>